<template>
  <div class="oo">
       <!-- 内容 -->
  <div class="text" v-for="(item) in infoList" :key="item.id" >
    <a class="p1" :href="item.target.url">{{item.target.question.title}}</a>
    <div class="Img">
      <img :src="item.target.author.avatar_url">
      <p>{{item.target.question.author.name}}</p>
    </div>
    <p class="p2">{{item.target.excerpt}}</p>
    </div>
  </div>
  </div>
</template>

<script>
export default {
  name: 'Follow',
  data(){
    return{
      infoList:[]
    }
  },
  mounted(){ 
  this.setInfo()
  },
  methods: {
    setInfo(){
       this.infoList=JSON.parse(localStorage.getItem('infoList'))
    }
   
  },
}
</script>

<style lang="less" scoped>
.oo{
  margin-top: 80px;
  .text{
      // margin-top: 50px;
      width: 100%;
      height: 100%;
      border-top: 10px solid rgb(238, 235, 235);
      .p1{
        display: block;
        margin: 10px 0;
        margin-left: 10px;
        font-size: 20px;
        font-weight: bold;
        color: rgba(14, 13, 13, 0.933);
      }
      .Img{
         margin-left: 15px;
        display: flex;
        height: 30px;
        margin-bottom: 10px;
        img{

        width: 30px;
        height: 30px;
        border-radius: 50px;
      
      }
      p{
        margin-left: 5px;
        line-height: 30px;
      }
      }
      .p2{
       margin-left: 10px;
     	 width: 350px;
        height: 60px;
        line-height: 30px;
      font-size: 18px;
      white-space: pre-wrap;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      }
      .Bottom{
        display: flex;
        width: 350px;
        margin-top: 10px;
        justify-content: space-between;
        padding: 10px;
        div{
          display: flex;
            .yuan{
          width: 6px;
          height: 6px;
          background-color: rgb(214, 210, 210);
          border-radius: 50px;
          margin-left: 5px;
        }
        }
        .left{
          width: 200px;
          p{
            font-size: 18px;
            color: rgb(182, 179, 179)
          }
        }
      
      }
      
    }
}
    
</style>
